/* 全站变灰 */
/* html {
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)!important;
    _filter: none;
} */

.right_nav_wrap {
    width: 70px;
    background: #fff;
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    box-sizing: border-box;
    cursor: pointer;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;

}

a {
    text-decoration: none;
}

li {
    list-style: none;
}


.page_bg {
    background-color: #F5F6F9;
    height: 200vh;
}

.right_nav_wrap {
    z-index: 1000;
}

.right_nav_wrap ul {
    transition: all 0.3s ease-in-out;

}

.right_nav_wrap ul li {
    display: flex;
    justify-content: center;
    padding: 16px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #a2a0a0;
    box-sizing: border-box;
    width: 50px;
    height: 70px;
    margin: 0 auto;


}

.right_nav_wrap ul li .show {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.right_nav_wrap ul li .none_wrap {
    display: none;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.right_nav_wrap ul li .none_wrap a {
    color: #fff;
}

.right_nav_wrap .r_hover {
    position: relative;
}

.right_nav_wrap .r_hover .wxgzh_img {
    position: absolute;
    top: -128px;
    left: -178px;
    display: none;
}

.right_nav_wrap .r_hover:hover .wxgzh_img {
    display: block;
}

.right_nav_wrap .r_hover .wxgzh_img img {
    width: 169px;
    height: 170px;
}

.right_nav_wrap .close_btn {
    position: relative;
    height: 18px;

}

.right_nav_wrap .close_btn img {
    position: absolute;
    right: 7px;
    top: 7px;
}

.right_nav_wrap ul li>div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}

.right_nav_wrap ul li>div img {
    width: 19px;
    height: 10px;
    margin-top: 6px;
}

.right_nav_wrap ul li:nth-of-type(5) {
    border-bottom: none;
}

.right_nav_wrap ul li:last-of-type {
    border-bottom: none;
}

.right_nav_wrap li:hover .show {
    display: none;
}

.right_nav_wrap li:hover .none_wrap {
    display: block;
}

.right_nav_wrap li:hover {
    background: #1C77FF;
    width: 70px;
    border: none;

}

.right_nav_wrap li:hover .top p {
    color: #fff;

}

.right_nav_wrap li .none_wrap {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 19px;
}

.close_btn_img {
    width: 10px;
    height: 9px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.close_btn:hover .close_btn_img {
    transform: rotate(-180deg);
}

.top_li {
    display: none !important;
}

.top_li.block {
    display: block !important;
}

.top_li:hover .top {
    animation: movetop 0.5s 1 ease-in-out;
}

@keyframes movetop {
    0% {
        transform: translate(0px, 11px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes movetop {
    0% {
        transform: translate(0px, 11px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.show_img {
    display: none;
    background-color: #fff;
    position: fixed;
    top: 40%;
    right: 20px;
    /* transform: translateY(-50%); */
    box-sizing: border-box;
    cursor: pointer;
}

.show_img.block {
    display: block;
}

.show_img:hover {
    animation: moveleftright 0.5s 1 ease-in-out;
}

@keyframes moveleftright {
    0% {
        transform: translate(0, 0);
    }

    33% {
        transform: translate(-10px, 0);
    }

    66% {
        transform: translate(10px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* 导航完 */

/* 头部开始 */
.hader_wrap {
    background-color: #fff;
    height: 42px;
    border-bottom: 1px solid #E6E6E6;
    min-width: 1450px;
    width: 100%;
}

.hader_wrap .connent_wrap {
    width: 1450px;
    margin: 0 auto;
    line-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.hader_wrap .connent_wrap .le_wrap ul {
    display: flex;
    align-items: center;
    justify-content: start;
}

.hader_wrap .connent_wrap .le_wrap li a,
.hader_wrap .connent_wrap .le_wrap li {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.hader_wrap .connent_wrap .le_wrap li {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-right: 20px;
}

.hader_wrap .connent_wrap .le_wrap li a:hover,
.hader_wrap .connent_wrap .le_wrap li:hover {
    color: #1c77ff;
    cursor: pointer;
}

.hader_wrap .connent_wrap .re_wrap ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hader_wrap .connent_wrap .re_wrap li {
    display: flex;
    align-items: center;
    margin-left: 28px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.hader_wrap .connent_wrap .re_wrap li img {
    margin-right: 6px;
}

.hader_wrap .connent_wrap .re_wrap li.red {
    color: #E71F19;
}

.hader_wrap .h_hover .item_2 {
    display: none;
}

.hader_wrap .h_hover:hover {
    color: #333333 !important;
}

.hader_wrap .h_hover:hover .item_2 {
    display: block;
}

.hader_wrap .h_hover .s_r {
    transition: .3s ease-in;
}

.hader_wrap .h_hover:hover .s_r {
    transform: rotate(-180deg);
}

.hader_wrap .h_hover .s_w {
    padding: 0 10px;
}

.hader_wrap .h_hover:hover .s_w {
    border: solid 1px #ddd;
    border-top: none;
    border-bottom: none;

}

.hader_wrap .h_hover {
    position: relative;
}

.hader_wrap .top_fenxiao {
    width: 277px;
    background-color: #fff;
    position: absolute;
    top: 43px;
    left: 0px;
    padding: 20px;
    padding: 24px 7px 20px;
    width: 437px;
    -moz-box-shadow: 0 3px 3px #e3e3e3;
    -webkit-box-shadow: 0 3px 3px #e3e3e3;
    box-shadow: 0 5px 5px #e3e3e3;
    z-index: 9999;
    transition: 2s 1 ease-in-out;
    border: solid 1px #ddd;
    border-top: none;
}

.hader_wrap .top_fenxiao a {
    padding: 10px;
}

.hader_wrap .mible_wrap {
    position: absolute;
    top: 43px;
    right: -221px;
    background-color: #fff;
    width: 253px;
    -moz-box-shadow: 0 3px 3px #e3e3e3;
    -webkit-box-shadow: 0 3px 3px #e3e3e3;
    box-shadow: 0 5px 5px #e3e3e3;
    z-index: 9999;
    transition: 2s 1 ease-in-out;
    border: solid 1px #ddd;
    border-top: none;
    padding: 30px;

}

.hader_wrap .mible_wrap .option3_TopMobileDl {
    display: flex;
    align-items: flex-start;

}

.hader_wrap .mible_wrap .option3_TopMobileDl a {
    color: #E71F19 !important;
}

.hader_wrap .mible_wrap .option3_TopMobileDl dt {
    background: url(../images/find_IMG.jpg) no-repeat;
    background-size: cover;
    width: 49px;
    height: 20px;
    line-height: 20px;
    margin-right: 20px;
    margin-top: 11px;
    font-size: 12px;
    text-align: center;
    color: #E71F19;
}

.hader_wrap .mible_wrap img {
    margin-left: 64px;
}

.re_wrap li {
    cursor: pointer;
}

.re_wrap .item_2 {
    position: absolute;
    top: 42px;
    left: -53px;
    width: 200px;
    height: 100px;
    display: none;
    background-color: #fff;
    padding: 20px;
    /* display: flex !important; */
    justify-content: space-between;
    -moz-box-shadow: 0 3px 3px #e3e3e3;
    -webkit-box-shadow: 0 3px 3px #e3e3e3;
    box-shadow: 0 5px 5px #e3e3e3;
    z-index: 9999;
    transition: 2s 1 ease-in-out;
    border: solid 1px #ddd;
    align-items: center;
    text-align: center;
}

.re_wrap .h_hover:hover .item_2 {
    display: flex;


}

.re_wrap .h_hover:hover .item_1 {
    color: #1c77ff;
}

.re_wrap .item_2 p {
    line-height: 24px;
}

.re_wrap .item_2 img {
    width: 100px;
    height: 100px;
}

.re_wrap .item_2 p:nth-of-type(1) {
    color: 333;
}

.re_wrap .item_2 p:nth-of-type(2) {
    color: #888;
}

.re_wrap .item_2 p:nth-of-type(3) {
    display: block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    border-radius: 4px;
    margin: 7px 0 0 0;
    background: #59bf6c;
    margin: 0 auto;
    margin-top: 5px;
}

.re_wrap .item_2 p:nth-of-type(3) a {
    color: #fff;
}

.re_wrap .item_1 img {
    vertical-align: middle;
}

/* 头部完 */